
/** {
     margin: 0;
     padding: 0;
}

body {
     background: #222;
     font-family: Georgia, serif;
     color: #fff;
     font-size: 14px;
}

a {
     color: #ffffcc;
     text-decoration: none;
     -webkit-transition: 0.5s;
     -moz-transition: 0.5s;
     -o-transition: 0.5s;
     -ms-transition: 0.5s;
     transition: 0.5s;
}

a:hover,  a.selected {
     color: #ffcc00;
}

h1, h2, h4, h5, h6 {
     text-align: center;
     color: #ccc;
     text-shadow: #000 1px 1px 2px;
     margin-bottom: 5px;
}

h1 {
     font-size: 18px;
}

h2 {
     font-size: 14px;
}*/


#timeline {
     width: 650px;
     height: 350px;
     overflow: hidden;
     margin: auto;
     position: relative;
     background: url('images/dot.gif') left 45px repeat-x;
}

#dates, #dates1 {
     width: 650px;
     height: 60px;
     overflow: hidden;
}

#dates li , #dates1 li{
     list-style: none;
     float: left;
     width: 100px;
     height: 50px;
     font-size: 11px;
     text-align: center;
     text-emphasis:center;
     background: url('images/biggerdot.png') center bottom no-repeat;
}

#dates a , #dates1 a:link {
     line-height: 38px;
     padding-bottom: 10px;
     color: #666;
     font-size: 12px; 
     font-weight: bold;
     text-decoration: none;
}
#dates a:hover{
	font-size: 14px;
     font-weight: bold;
}
#dates .selected, #dates1 .selected{
     font-size: 18px;
     font-weight: bold;
}

#issues {
     width: 650px;
     height: 250px;
     overflow: hidden;
}

#issues li {
     width: 650px;
     height: 250px;
     list-style: none;
     float: left;
}

#issues li h1 {
     color: #666;
     font-size: 28px;
     margin: 20px 0;
}

#issues li p {
     font-size: 11px;
     margin: 5px 95px;
     font-weight: normal;
     line-height: 22px;
     height: 250px;
    
}

#grad_left,  #grad_right {
     width: 100px;
     height: 250px;
     position: absolute;
     top: 0;
}

#grad_left {
     left: 0;
     
}

#grad_right {
     right: 0;
     background-image: url(images/grad_right.png) repeat-y;

}

#next,  #prev {
     position: absolute;
     top: 0;
     font-size: 70px;
     top: 170px;
     width: 22px;
     height: 38px;
     background-position: 0 0;
     background-repeat: no-repeat;
     text-indent: -9999px;
     overflow: hidden;
}

#next:hover,  #prev:hover {
     background-position: 0 -76px;
}

#next {
     right: 0;
     background-image: url('images/next.png');
}

#prev {
     left: 0;
     background-image: url('images/prev.png');
}

#next.disabled,  #prev.disabled {
     opacity: 0.2;
}
